<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="/WEB-INF/inset/header.jsp">
	<jsp:param name="title" value="" />
</jsp:include>
<jsp:include page="/WEB-INF/inset/validate.jsp" />
<script type="text/javascript">
	$(function() {
		$
				.validateExtend({
					email : {
						required : true,
						pattern : /^([\w\.\-])+@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/
					},
					password : {
						required : true,
						conditional : function(value) {
							return value.length > 5;
						}
					}
				});
		$("#signForm").validate({
			onBlur : true,
			sendForm : false,
			description : {
				em : {
					required : '这个邮箱不能是空的啊',
					pattern : '这个邮箱格式不太对啊',
					valid : '完美的油箱'
				},
				pw : {
					required : '这个密码不能是空的啊',
					conditional : '这个密码太简单啦(>=6位)',
					valid : '完美的密码'
				}
			}
		});
	});
</script>
</head>
<body>
	<jsp:include page="/WEB-INF/inset/navbar.jsp" />
	<jsp:include page="/WEB-INF/inset/sidebar.jsp" />
	<div class="wrap">
		<div class="container">
			<div class="col-md-6 col-md-offset-3">
				<form id="signForm" class="form-horizontal">
					<div class="form-group">
						<label for="email" class="col-sm-2 control-label">Email</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="email"
								autocomplete="off" placeholder="email" data-validate="email"
								data-description="em" data-describedby="desc-em" />
							<p id="desc-em" class="help-block">这里填邮箱</p>
						</div>
					</div>
					<div class="form-group">
						<label for="password" class="col-sm-2 control-label">Password</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="password"
								placeholder="Password" data-validate="password"
								data-description="pw" data-describedby="desc-pw" />
							<p id="desc-pw" class="help-block">这里填密码</p>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-10 col-sm-offset-2">
							<div class="checkbox">
								<label> <input type="checkbox">Remember me
								</label>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-10 col-sm-offset-2">
							<button type="submit" class="btn btn-success">Sign in</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>